<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>分拣</title>
    <link href="/page/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
    <link href="/page/css/index.css" rel="stylesheet"/>
    <link rel="shortcut icon" href="#"/>
    <script type="text/javascript" src="/page/dist/js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="/page/dist/js/bootstrap.min.js"></script>
    <script type="module" src="/page/js/cookie/js.cookie-2.2.1.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row">

    </div>
    <div class="row">
        <input type="hidden" th:value="${clientId}">
        <input type="hidden" th:value="${weightUrl}" id="weightUrl">
        <div class="col-sm-6 col-md-3">
            <a th:href="@{'/mqtt/index/test?clientId='+${clientId}+'&page=entry'}" class="thumbnail">
                <img src="/page/img/houseWare.jpg" alt="采购入库" style="max-height: 180px;max-width: 170px">
            </a>
            <div class="caption" style="text-align: center;">
                <h3>采购入库</h3>
            </div>
        </div>
        <!--<div class="col-sm-6 col-md-3">
            <a th:href="@{'/mqtt/index/test?clientId='+${clientId}+'&page=outbound'}" class="thumbnail">
                <img src="/page/img/delivery.jpg" alt="取货出库" style="max-height: 180px;max-width: 170px">
            </a>
            <div class="caption" style="text-align: center;">
                <h3>取货出库</h3>
            </div>
        </div>-->
        <div class="col-sm-6 col-md-3">
            <a th:href="@{'/mqtt/index/test?clientId='+${clientId}+'&page=sorting'}" class="thumbnail">
                <img src="/page/img/itemPick.jpg" alt="材料分拣" style="max-height: 180px;max-width: 170px">
            </a>
            <div class="caption" style="text-align: center;">
                <h3>材料分拣</h3>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <a th:href="@{'/mqtt/index/test?clientId='+${clientId}+'&page=empty'}" class="thumbnail">
                <img src="/page/img/warhouse.jpg" alt="空箱出入库" style="max-height: 180px;max-width: 170px">
            </a>
            <div class="caption" style="text-align: center;">
                <h3>空箱出入库</h3>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 col-md-3">
            <a th:href="@{'/mqtt/index/test?clientId='+${clientId}+'&page=merge'}" class="thumbnail">
                <img src="/page/img/warhouse.jpg" alt="货箱物品合箱" style="max-height: 180px;max-width: 170px">
            </a>
            <div class="caption" style="text-align: center;">
                <h3>原料合箱</h3>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/page/js/common.js"></script>
<script>
    $(document).ready(function () {
        const url = $('#weightUrl').val();
        if (url) {
            Cookies.set("wu", url);
        } else {
            Cookies.set("wu", sort_weight_url);
        }
    });
</script>

</html>